<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // let name = "John"; // 这里 `name` 就是变量，存储了值 "John"
    // console.log(name); // 输出 "John"
    // name = "xxx";
    // function test() {
    //   var a = 1;
    //   console.log("函数作用域", a);
    // }
    // test();
    // console.log("函数外部不能访问", a);
    // console.log("块级作用域上的a", a);
    // if (true) {
    //   let a = 1;
    //   console.log("块级作用域中的a", a);
    // }
    // console.log("块级作用域外的a", a);

    // function test(a, b, c, d, e) {
    //   console.log(a, b, c, d, e);
    //   return a + b;
    //   console.log("这里不会执行");
    // }
    // const a = test(1, 2, 3, 4, 5);
    // console.log("返回值", a);

    // const test1 = (a, b, c) => {
    //   return a + b + c;
    // };

    // const test2 = (a, b, c) => a + b + c;

    // console.log("test1", test1(1, 2, 3));
    // console.log("test2", test2(1, 2, 3));

    // // 写一个函数，接收两个参数，返回他们的乘积
    // const test3 = (a, b) => a * b;

    // function test3Fn(a, b) {
    //   return a * b;
    // }
    // // 再写一个函数，接收两个参数，将第一个参数+1 再返回他们的乘积
    // const test4 = (a, b) => (a + 1) * b;
    // const test41 = (a, b) => {
    //   let c = a + 1;
    //   c = c * b;
    //   return c;
    // };
    // function test4Fn(a, b) {
    //   const c = a + 1;
    //   return c * b;
    // }
    // 用箭头函数写一次 用普通函数写一次

    // const arr = [
    //   {
    //     name: "小明",
    //     age: 30,
    //     job: "前端开发",
    //   },
    //   {
    //     name: "小红",
    //     age: 30,
    //     job: "前端开发",
    //   },
    //   {
    //     name: "小绿",
    //     age: 30,
    //     job: "前端开发",
    //   },
    // ];
    // const obj = {
    //   name: "小明",
    //   age: 30,
    //   job: "前端开发",
    //   1: "1的值",
    // };
    // // 在数组和对象中数字 以及 变量 都必须用中括号来括起来，才能访问到
    // console.log(arr[0]);
    // console.log(obj[1]);
    // console.log(obj.name);
    // const a = "name";
    // console.log("变量a", obj[a]);

    // let arr = ["小明", "前端开发", 30];
    // const name = arr[0]
    // const job = arr[1]
    // const age = arr[2]
    // const [name, ...rest] = arr;
    // console.log(rest);

    // let person = { name: "小明", age: 30, job: "前端开发", xx: "xxx" };
    // const name = person.name;
    // const age = person.age
    // const { name, age, ...rest } = person;
    // console.log(rest);
  </script>
</html>
